<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="static/styles/reset.css" />
		<link rel="stylesheet" type="text/css" href="static/swiper/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="static/styles/common.css"/>
		<link rel="stylesheet" type="text/css" href="static/styles/visit.css"/>
		<script src="static/scripts/rem.js" type="text/javascript" charset="utf-8"></script>
		<script src="static/swiper/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<title>用户走访</title>
	</head>
	<body>
		<div class="body body_gray">
			<div id="header" class="fixed blue">
				<a href="javascript:history.go(-1);" class="header_back">
	        		<img src="static/images/nav_back.png"/>
	        	</a>
				<h1 class="title">用户走访</h1>
				<a href="visit_add.html" class="header_btn_right">
					<img class="add_icon" src="static/images/add.png"/>
				</a>
			</div>
			<div class="page_body">
				<div class="visit_list">
					<div class="item">
						<div class="swiper-container simg">
						    <div class="swiper-wrapper">
						        <div class="swiper-slide"><img class="simg" src="static/images/pic001.png"/></div>
						        <div class="swiper-slide"><img class="simg" src="static/images/pic001.png"/></div>
						        <div class="swiper-slide"><img class="simg" src="static/images/pic001.png"/></div>
						    </div>
						    
						    <div class="swiper-pagination"></div>

						</div>
						
						<div class="right_mark ellipsis">
							新疆自治州维稳一队
						</div>
						<div class="info_wrapper">
							<div class="info_body">
								<div class="info_title">
									塔木托格克拉乡
								</div>
								<div class="info_summary">
									塔木托格克拉乡塔木托格克拉乡塔木托格克拉乡塔木托格克拉乡塔木托格克拉乡塔木托格克拉乡塔木托格克拉乡
								</div>
								<div class="info_footer clearfix">
									<div class="info_address fl">
										<img class="mr10" src="static/images/loca_gray.png"/>
										昌吉
									</div>
									<div class="info_time fr">
										<img class="mr10" src="static/images/time.png"/>
										2017-12-08
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<div class="item">
						<div class="swiper-container simg">
						    <div class="swiper-wrapper">
						        <div class="swiper-slide"><img class="simg" src="static/images/pic001.png"/></div>
						        <div class="swiper-slide"><img class="simg" src="static/images/pic001.png"/></div>
						        <div class="swiper-slide"><img class="simg" src="static/images/pic001.png"/></div>
						    </div>
						    
						    <div class="swiper-pagination"></div>

						</div>
						<div class="right_mark ellipsis">
							新疆自治州维稳一队
						</div>
						<div class="info_wrapper">
							<div class="info_body">
								<div class="info_title">
									塔木托格克拉乡
								</div>
								<div class="info_summary">
									塔木托格克拉乡塔木托格克拉乡塔木托格克拉乡塔木托格克拉乡塔木托格克拉乡塔木托格克拉乡塔木托格克拉乡
								</div>
								<div class="info_footer clearfix">
									<div class="info_address fl">
										<img class="mr10" src="static/images/loca_gray.png"/>
										昌吉
									</div>
									<div class="info_time fr">
										<img class="mr10" src="static/images/time.png"/>
										2017-12-08
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			new Swiper('.swiper-container', {
			    loop: true,
//			    autoplay:3000,
			    autoplayDisableOnInteraction : false,
			    pagination:'.swiper-pagination',
				paginationClickable :true
			})  
		</script>
	</body>
</html>
